<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <!--[if IE]>
                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                <![endif]-->
        <title>Home</title>
        <!-- BOOTSTRAP CORE STYLE  -->
        <link href="/static/assets/css/bootstrap.css" rel="stylesheet" />
        <!-- FONT AWESOME STYLE  -->
        <link href="/static/assets/css/font-awesome.css" rel="stylesheet" />
        <!-- CUSTOM STYLE  -->
        <link href="/static/assets/css/nav.css" rel="stylesheet" />
        <link href="/static/assets/css/style.css" rel="stylesheet" />
        <!-- GOOGLE FONT -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    </head>
    <body>
        <!--        <div class="navbar navbar-inverse set-radius-zero" >
                    <div class="container">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                            <a class="navbar-brand" style="display: block;" href="{:url('login/index')}"> <img src="/static/assets/img/logo.png" /> </a> </div>
                            {if condition="$Think.session.member_info"}
                            <div class="right-div"> <a href="javascript:;" id="loginout" class="btn btn-danger pull-right">LOG ME OUT</a> </div>
                            {/if}
                    </div>
                </div>-->

        <nav class="navbar navbar-default navbar-fixed-top my-navbar" role="navigation">
            <div class="nav-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-6">Welcome,&nbsp;{if condition="$Think.session.member_info"}{$Think.session.member_info.prefix} {$Think.session.member_info.surnames}{$Think.session.member_info.first_name}{$Think.session.member_info.middle_name}! {else/}to fcpai.org{/if}</div>
                        {if condition="$Think.session.member_info"}
                        <div class="col-xs-12 col-md-6 login"><a href="javascript:;" id="loginout">Log Out</a></div>
                        {/if}
                    </div>
                </div>
            </div>
            <div class="container nav-menu">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#example-navbar-collapse" >
                        <span class="sr-only">切换导航</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="http://www.fcpai.org/" target="_blank"><img src="/static/assets/img/logo.png" alt=""></a>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="{:url('login/index')}" {if condition="$Request.action eq 'index'"}class="menu-top-active"{/if}>Welcome to FCPAA</a></li>
                        <li><a href="{:url('index/account')}" {if condition="$Request.action eq 'account'"}class="menu-top-active"{/if}>My Account</a></li>
                        <li><a href="{:url('index/certificate')}" {if condition="$Request.action eq 'certificate'"}class="menu-top-active"{/if}>My Certification</a></li>
                        <li><a href="{:url('index/member')}" {if condition="$Request.action eq 'member'"}class="menu-top-active"{/if}>Member Record</a></li>
                        <!--<li><a href="{:url('index/void')}" {if condition="$Request.action eq 'void'"}class="menu-top-active"{/if}>CPE</a></li>-->
                        <li><a href="{:url('index/contact')}" {if condition="$Request.action eq 'contact'"}class="menu-top-active"{/if}>Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </nav>
        <section id="content">
            <section class="section">
                <div class="banna-section background-media"></div>
                <div class="background-overlay"></div>
                <div class="pageheader fixed-demo dark">
                    <!-- <div class="container">
                        <h2 class="title col-lg-12">Welcome To FCPAA</h2>
                    </div> -->
                </div>
            </section>
        </section>



        <!-- LOGO HEADER END-->
        <!--        <section class="menu-section">
                    <div class="container">
                        <div class="row ">
                            <div class="col-md-12">
                                <div class="navbar-collapse collapse ">
                                    <ul id="menu-top" class="nav navbar-nav navbar-right">
                                        <li><a href="{:url('login/index')}" {if condition="$Request.action eq 'index'"}class="menu-top-active"{/if}>Welcome To FCPAA</a></li>
                                        <li><a href="{:url('index/account')}" {if condition="$Request.action eq 'account'"}class="menu-top-active"{/if}>MY ACCOUNT</a></li>
                                        <li><a href="{:url('index/certificate')}" {if condition="$Request.action eq 'certificate'"}class="menu-top-active"{/if}>MY CERTIFICATION</a></li>
                                        <li><a href="{:url('index/member')}" {if condition="$Request.action eq 'member'"}class="menu-top-active"{/if}>Member record</a></li>
                                        <li><a href="{:url('index/contact')}" {if condition="$Request.action eq 'contact'"}class="menu-top-active"{/if}>CONTACT US</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>-->

        {__CONTENT__}



        <!-- Small modal -->
        <button type="button" class="btn btn-primary hidden" data-toggle="modal" data-target=".bs-example-modal-sm" id='error'>System prompt</button>

        <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
            <div class="modal-content modal-dialog">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal" type="button">&times;</button>
                    <h4>System prompt</h4>
                </div>
                <div class="modal-body text-danger" id='error_msg'>
                    <h4 class='text-center'></h4>
                </div>
            </div>
        </div>


        <!-- CONTENT-WRAPPER SECTION END-->
        <section class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 foot-about">
                        <h4>Welcome To FCPAA</h4>
                        <p><img src="/static/assets/img/logo.png">The demand for forensic accounting grows almost on a daily basis. Accounting and business publications alike predict the trend requiring additional forensic accountants will only carry on.</p>
                    </div>
                    <div class="col-md-4 foot-nav">
                        <ul class="list-group">
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=1" >About FCPAA</a></li>
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=6" >About Forensic Accounting</a></li>
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=9" >Professional Training</a></li>
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=15" >Useful Links</a></li>
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=16" >Accreditation</a></li>
                            <li><a href="http://fcpai.hongjingedu.com/index.php?case=archive&act=list&catid=18" >Contact Us</a></li>
                        </ul>
                    </div>
                    <div class="col-md-4 foot-contact">
                        <h5>Contact Us</h5>
                        <h6>Address </h6>
                        <p>17800 Castleton St Ste, 180 City of industry, CA 91748</p>
                        <h6>Telephone </h6>
                        <p>1-213-233-0239</p>
                        <h6>Email</h6>
                        <p><a href="mailto:info@fcpai.org">info@fcpai.org</a></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="Copyright">
            <div class="container">
                <script type="text/javascript">copyright = new Date();update = copyright.getFullYear();document.write("<p>Copyright © " + update + "  Forensic Certified Public Accountants Association. All Rights Reserved.</p>");</script>
            </div>
        </section>
        <!-- FOOTER SECTION END--> 
        <!-- JAVASCRIPT FILES PLACED AT THE BOTTOM TO REDUCE THE LOADING TIME  --> 
        <!-- CORE JQUERY  --> 
        <script src="/static/assets/js/jquery-1.10.2.js"></script> 
        <!-- BOOTSTRAP SCRIPTS  --> 
        <script src="/static/assets/js/bootstrap.js"></script> 
        <script src="/static/js/common.js"></script>
        <!-- DATATABLE SCRIPTS  -->
        {if condition="isset($info) and $info"}
        <script src="/static/assets/js/dataTables/jquery.dataTables.js"></script>
        <script src="/static/assets/js/dataTables/dataTables.bootstrap.js"></script>
        <script src="/static/assets/js/custom.js"></script>
        {/if}

        <script>
                    $(window).scroll(function () {
                        if ($(".navbar").offset().top > 40) {
                            $(".navbar-fixed-top").addClass("top-nav");
                        } else {
                            $(".navbar-fixed-top").removeClass("top-nav");
                        }
                    })

                    var interval = '';
                    var player2 = '';
                    var void_id = '';

                    function play(viod) {
                        var player = polyvObject('#plv_' + viod).videoPlayer({
                            'width': '568px',
                            'height': '420px',
                            'vid': viod
                        });

                        player2 = player
                        void_id = viod
                    }


                    function s2j_onVideoPlay() {
                        interval = setInterval("render(player2)", 1000);
                    }

                    function s2j_onVideoPause() {
                        clearInterval(interval);
                    }

                    function s2j_onPlayOver() {
                        clearInterval(interval);
                    }

                    //记录会员看过的视频
                    function render(player)
                    {
                        var sec2 = player.j2s_getCurrentTime();
                        var sec3 = player.j2s_getDuration();
                        var sec4 = player.j2s_realPlayVideoTime();

                        if (sec2 < sec3) {
                            $.getJSON('/index/index/whiteLog', {duration: sec3, seconds: sec4, percent: sec2 / sec3, void_id: void_id}, function () {})
                        }

                    }
        </script>

    </body>
</html>